<%-- 
    Document   : index
    Created on : 01-abr-2012, 9:03:59
    Author     : Giannin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
    #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>

</head>

<body>

	<div id="fondo" class="container" style="width: auto;">
		<table style="position:absolute;top:15px;left:200px">
   		<tr>
    		<td style="position:absolute;top:20px;left:0px">
    			<div class="row">
      				<img src="http://placehold.it/189x93" alt="">
    			</div>
    		</td>
    		<td style="position:absolute;top:20px;left:189px">
      			<div class="row">  
         			<img src="http://placehold.it/715x93" alt="">
     			</div>
     		</td>
    	</tr>  
    	<tr>
       		<td style="position:absolute;top:120px;left:-30px">
        		<div class="hero-unit">
                	<h3>Manu, organiza tus proyectos de forma sencilla en linea</h3>
                	<br/>
	            	<form action="ServletLogin" method="POST">
                            Correo Electronico:
                            <input name="username" type="text" value="ayalsparce@hotmail.com" data-provide="typeahead">
                            <br/>
                            Contrase&ntilde;a:
                            <input name="password" type="password" value="654321" data-provide="typeahead">
                            <p>
                            <input name="btnInciarSesion" class="btn btn-warning " type="submit" value="Iniciar Sesion">
                            </p>
                        </form>
              		<br />
              		¿Aun no eres usuario?
              		<a href="registro.jsp" class="btn btn-info " type="submit">Registrate </a>
                    
              	</div>
       		</td>
       		<td style="position:absolute;top:120px;left:350px">
             	<div class="row">  
                	<img src="http://placehold.it/550x425" alt="">
             	</div>
       		</td>
    	</tr>
  		</table>
        
  	<script src="Estilos/js/jquery.js"></script>
	<script src="Estilos/js/bootstrap.js"></script>
  	</div>
    
</body>

</html>